<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">
    <link rel="stylesheet" href="./font/iconfont.css">
</head>

<body>
    <header>
        <span class="logo">管理系统</span>
        <span><span class="username">佳佳</span></span>
    </header>
    <section class="container">
        <aside>
            <div>后台管理系统</div>
            <div>首页</div>
            <div>系统管理</div>
            <div>系统管理</div>
            <div>用户管理</div>
            <div>角色管理</div>
            <div>菜单管理</div>
            <div>品部门管理</div>
            <div class="active">岗位管理</div>
            <div>字典管理</div>
            <div>参数设置</div>
            <div>通知公告</div>
            <div>日志管理</div>
            <div>系统监控</div>
        </aside>
        <main>
            <div>首页 岗位管理</div>
            <div class="inputbox">
                岗位名称<input type="text" placeholder="搜索岗位名称"><button>搜索</button>
                <div class="chongzhi">重置</div>
            </div>
            <button class="add"><a href="./register.html">+新增</a></button>
            <table>
                <thead>
                    <tr>
                        <th>岗位编号</th>
                        <th>岗位编码</th>
                        <th>岗位名称</th>
                        <th>岗位排序</th>
                        <th>状态</th>
                        <th>创建时间</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>ceo</td>
                        <td>董事长</td>
                        <td>1</td>
                        <td>正常</td>
                        <td> <span class="statusok">2022-10-19 20:56:47</span> </td>
                        <td class="error"> <span class="iconfont icon-bianji">修改</span> <span
                                class="iconfont icon-shanchu">删除</span>
                        </td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>ceo</td>
                        <td>董事长</td>
                        <td>1</td>
                        <td>正常</td>
                        <td> <span class="statusok">2022-10-19 20:56:47</span> </td>
                        <td class="error"> <span class="iconfont icon-bianji">修改</span> <span
                                class="iconfont icon-shanchu">删除</span>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>ceo</td>
                        <td>董事长</td>
                        <td>1</td>
                        <td>正常</td>
                        <td> <span class="statusok">2022-10-19 20:56:47</span> </td>
                        <td> <span class="iconfont icon-bianji id:101">修改</span> <span
                                class="iconfont icon-shanchu id:101">删除</span> </td>
                    </tr>
                </tbody>
            </table>
            <div class="foot">
                共5条
                <span class="prev">&lt;</span>
                <span class="next">&gt;</span>
            </div>
        </main>
    </section>
    <script src="./axios.min.js"></script>
    <script src="./index.js"></script>
</body>

</html>